<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="bais">
        <title></title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <style>
            header{
                text-align: center;
                width: 95vw;
                background-color: white;
                margin: 0 auto;
            }
            body{
                height: 100vh;
                /*background-color: #4C3D78;*/
                background: radial-gradient(at 200px 600px,#9F6268,#3F387A);
            }
            main{
                color: wheat;
                margin-left:35px;
                padding-left: 20px;
                height: 100%;
                border-left: 3px solid gray;
                position: relative;

            }
            main>div{
                width: 15px;
                height: 15px;
                border: 1px solid white;
                position: absolute;
                left: -10px;
                top: 14px;
                border-radius: 50%;
                background-color: #fff;
            }
                .span{
                    display: block;
                }
            
        </style>
    </head>
    <body>
         <header>
             <img src="1.png" alt="">
         </header>
        <main>
            <div>

            </div>
            <h2>香颂洋楼顶层复式&#x3000;约214m<sup>2</sup></h2>
            <p>
                <span class="span">双主卧套房设计，犒赏成功人生</span>
                  <span class="span">全部卧室及客厅朝南，客厅创新横厅设计</span>
                 <span class="span">豪华主卧套房，卧室、书房、卫浴、空中露台为一体</span>
            </p>
        </main>






        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>